<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>jquery修改元素内容</title>
    <script src="jquery.min.js"></script>
</head>
<body>
    <!-- 主要针对元素的内容还有表单的值进行操作 -->
    <div>
        <span>我是更加受到攻击裂缝宽度该回家看了文化荣格回去</span>
    </div>
    <input type="text" value='请输入'>


    <script>
        //html()表示获取设置元素的内容，包括子元素和文本
        //text()表示获取设置元素的文本内容，只获取文本，不获取元素内的其他子元素
        //val()表示获取设置表单值

        $(function(){
            console.log($('div').html());//获取div内容
            $('div').html('<span>我是更改后的div内容</span>');//设置div内容
            console.log($('div').html());//获取设置后的div内容
            console.log($('div').text());//获取文本内容

            console.log($('input').val());//获取表单的value值
            $('input').val('不允许输入');//设置表单的value值
            console.log($('input').val());//获取表单的value值
        })
    </script>
</body>
</html>